<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	</head>
	<span style="font-size:14px;"><span style="font-size:14px;"><span style="font-size:14px;">
	
	<title>横向菜单</title>  
	<style>  
	.menu {width:100%; background:#FF0000; height:35px; font-size:14px; font-family: "微软雅黑";}  
	.menu ul {padding:0px; list-style-type:none;}  
	.menu ul li {float:left; width:100px; height:35px; line-height:35px; text-align:center;}  
	.menu ul li a {text-decoration:none; color:#fff; display:block;}  
	.menu ul li a:hover {background:#fff; color:#000;}  
	.menu ul li a:active {background:#fff; color:#000;}  
	.menu ul li a:focus {background:#fff; color:#000;}  
	</style>
	<body>
		<span style="font-size:14px;"><span style="font-size:14px;"><span style="font-size:14px;"><div class="menu">  
		  <ul>  
		    <li><a href="#">网站首页</a></li>  
		    <li><a href="#">一级菜单</a></li>  
		    <li><a href="#">一级菜单</a></li>  
		    <li><a href="#">一级菜单</a></li>  
		    <li><a href="#">一级菜单</a></li>  
		    <li><a href="#">一级菜单</a></li>  
		  </ul>  
		</div></span></span>
		</span>

	</body>

</html>